<template>
 <view class="invitationCode">
<image
    src="../../static/ShareBg.png"
    mode="aspectFill"
/>
<view class="info">
    <view class="info-my">我的邀请码</view>
    <view class="code">SWIVKSO5874</view>
</view>
<button class="btn">复制邀请码</button>
 </view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.invitationCode{
width: 100vw;
height: 100vh;
position: relative;
    image{
        width: 100%;
        height: 100%;
    }
    .info{
        position: absolute;
        top: 310rpx;
        left:115rpx;
        text-align: center;
        .info-my{
            font-size: 100rpx;
            color:#5756b3;
            font-weight:550;
        }
        .code{
            margin-top: 20rpx;
            font-size: 80rpx;

        }
    }
    .btn{
        position: absolute;
        top: 1230rpx;
        left: 215rpx;
        width: 300rpx;
        height: 100rpx;
        background: #fa6c06;
        color: aliceblue;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40rpx;
    }
}
</style>